<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="cuiyuan" />
		<meta name="Keywords" content="cuiyuan的博客"/>
		<meta name="Description" content="cuiyuan的博客,技术分享,记录回忆"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>cuiyuan的博客</title>
		
		<link rel="shortcut icon" href="img/touch-icon-iphone-144.png">
		<link rel="apple-touch-icon" sizes="57x57" href="img/touch-icon-iphone-144.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="img/touch-icon-iphone-144.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="img/touch-icon-iphone-144.png" />
		<link  rel="apple-touch-icon" sizes="144x144" href="img/touch-icon-iphone-144.png" />
		
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/common.css"/>
		<link rel="stylesheet" href="css/style.css">
		<script type="text/javascript" src="js/selector.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false" onselect="document.selection.empty()">
		<!--[if lt IE 8]>
			<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
		<header>
			<div class="header-box">
				<p>		
					“他说风雨中这点痛算什么，擦干泪不要怕，至少我们还有梦!”
					“我相信我就是我，我相信明天，我相信青春没有地平线。”
				</p>
				<div class="box">
					<div class="light"></div>
					<span class="box1">
						<div class="star">
							<div class="srT sr1"></div>
							<div class="srL sr2"></div>
							<div class="srL sr3"></div>
							<div class="srT sr4"></div>
							<div class="spot"></div>
						</div>
					</span>
					<span class="box2">
						<div class="star">
							<div class="srT sr1"></div>
							<div class="srL sr2"></div>
							<div class="srL sr3"></div>
							<div class="srT sr4"></div>
							<div class="spot"></div>
						</div>
					</span>
				</div>
				<div class="album r">
					<img src="img/h1.jpg" alt="相册"/>
				</div>
				<div class="album r">
					<img src="img/h2.jpg" alt="相册"/>
				</div>
			</div>
		</header>
		<nav class="nav">
			<div class="title l">记录回忆</div>
			<ul>
				<li class="current"><a href="index.html">首页</a></li>
				<li><a href="study.html">学无止境</a></li>
				<li><a href="css-js.html">CSS/JS特效</a></li>
				<li><a href="http://www.lmlblog.com/blog/11/" target="_blank">博客模板</a></li>
				<li><a href="message.html">留言板</a></li>
			</ul>
		</nav>
		<div class="embellish">
			<a class="rocket"></a>
			<div class="aside"></div>
		</div>
		<section>
		<div class="banner-box clearfix">
			<div class="banner r">
				<div>
					<a class="a-img-ban img-ban-curr"><img class="img-ban" src="img/1.jpg"></a> 
					<a class="a-img-ban"><img class="img-ban" src="img/2.jpg"></a>
					<a class="a-img-ban"><img class="img-ban" src="img/3.jpg"></a>
					<a class="a-img-ban"><img class="img-ban" src="img/4.jpg"></a>
				</div>
				<ul class="r">
					<li class="li-img curr"><img src="img/1.jpg"><div class="mask"></div></li>
					<li class="li-img"><img src="img/2.jpg"><div class="mask"></div></li>
					<li class="li-img"><img src="img/3.jpg"><div class="mask"></div></li>
					<li class="li-img"><img src="img/4.jpg"><div class="mask"></div></li>
				</ul>
			</div>
			<div class="art l">
				<h2 class="art-txt"><em class="iconfont icon-zan "></em> <span>推荐文章</span> </h2>
				<ul class="art-list">
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>移动端开发问题简述</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>申请接入QQ/微信/微博登录方法</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>如何临时项目展示(简易内网穿透)</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>响应式布局与自适应式布局有什么不同？</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>个人网站虚拟主机的选购</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>网站域名的解析与绑定</span></a></li>
					<li><a href="#" ><em class="iconfont icon-dian "></em><span>个人域名IPC备案/网站备案注意事项</span></a></li>
				</ul>
			</div>
		</div>
		<article>
			<aside class="left-box l">
				<div class="art Label clearfix">
					<h2 class="art-txt"> <em class="iconfont icon-biaoqian "></em> <span>热门标签</span> </h2>
					<div> 
						<a class="btn label" href="#">微信小程序</a><a class="btn label" href="#">数据图表</a>
						<a class="btn label" href="#">多类按钮</a><a class="btn label" href="#">特色轮播图</a>
						<a class="btn label" href="#">后台管理</a><a class="btn label" href="#">统计曲线图</a>
						<a class="btn label" href="#">SEO优化</a><a class="btn label" href="#" >响应式</a>
					</div>
				</div>
				<div class="art Music mt20 clearfix">
					<h2 class="art-txt"> <em class="iconfont icon-xing "></em> <span>我的音乐</span> </h2>
					<iframe src="min-music.html" width="320" height="225"></iframe>
				</div>
				<div class="art Follow clearfix">
					<h2 class="art-txt"> <em class="iconfont icon-xing "></em> <span>关注UP主</span> </h2>
					<div class="two-code">
						<img src="img/blibli.png" alt="扫一扫，关注我哦">
						<p class="sao-txt">扫一扫二维码，关注UP主！</p>
					</div>
				</div>
				<div class="art Link mt20 clearfix">
					<h2 class="art-txt"> <em class="iconfont icon-lianjie"></em> <span>友情链接</span> </h2>
					<ul class="fri-link">
						<li><a href="https://www.w3school.com.cn/" target="_blank" rel="nofollow">w3school</a></li>
						<li><a href="https://www.runoob.com/" target="_blank" rel="nofollow">菜鸟联盟</a></li>
						<li><a href="https://www.bejson.com/default.htm" target="_blank" rel="nofollow">在线json工具</a></li>
						<li><a href="https://cli.im/" target="_blank" rel="nofollow">草料二维码</a></li>
						<li><a href="https://www.iconfont.cn/" target="_blank" rel="nofollow">阿里巴巴矢量图库</a></li>
						<li><a href="https://www.aliyun.com/minisite/goods?userCode=2ebbhwss&share_source=copy_link&accounttraceid=b858bc8681db48cbaf2622a59c53bf8dutwv" target="_blank" rel="nofollow">阿里云小站</a></li>
					</ul>
				</div>
			</aside>
			<div class="art-right r">
				<h2 class="art-txt">&nbsp;&nbsp;<em class="iconfont icon-wifi "></em> <span>最新文章</span></h2>
				<div class="art-model">
					<h3><a href="#" >网站三层架构(结构层-表现层-行为层)</a></h3>
					<p class="dateview"><span>发布时间：2016/10/18</span> <span>作者：lmlblog.com</span></p>
					<dl class="img-txt">
						<dt>
							<img src="img/7.jpg" alt="网站三层架构(结构层-表现层-行为层)" title="网站三层架构(结构层-表现层-行为层)">
						</dt>
						<dd>
							<p class="deatil">　　网站三层架构(结构层-表现层-行为层)如图： 如果把一个网站比做人的话，人的结构层相当于骨架、血液、肌肉。人的表现层相当于外貌、化妆、衣服。人的行为层就相当于听课、运动、说话。 结构层 1、html(Hypertext Markup Language)超文本标记语言 是用于描述网页文档的一种标记语言。</p>
							<a href="article.html" class="btn  c-fff" >查看全文</a>
						</dd>
					</dl>
				</div>
				<div class="art-model">
					<h3><a href="#" >个人博客主页如何做网站优化</a></h3>
					<p class="dateview"> <span>发布时间：2016/10/09</span> <span>作者：lmlblog.com</span></p>
					<dl class="img-txt">
						<dt>
							<img src="img/8.jpg" alt="个人博客主页如何做网站优化" title="个人博客主页如何做网站优化">
						</dt>
						<dd>
							<p class="deatil">　　博客简言之就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台，是我们企业或者个人在网络平台上的一个身份证明。 我们通常说的博客一般都指第三方平台所建立的博客，例如：新浪博客、QQ博客、网易博客</p>
							<a href="#" class="btn  c-fff" >查看全文</a>
						</dd>
					</dl>
				</div>
				<div class="art-model">
					<h3><a href="#">个人网站域名备案知多少</a></h3>
					<p class="dateview"> <span>发布时间：2016/10/19</span> <span>作者：lmlblog.com</span></p>
					<dl class="img-txt">
						<dt> 
							<img src="img/9.jpg" alt="个人网站域名备案知多少" title="个人网站域名备案知多少">
						</dt>
						<dd>
							<p class="deatil">　　网站域名备案、个人域名怎么备案、个人域名备案吗、个人网站域名备案流程、域名怎么备案、域名备案流程 什么是域名备案：主要是指使用的网站信息在相关部门登记一下，经审核通过后方能开通使用，一个网站当中最重要的信息是域名(独一无二)，所以一般主要是指域名备案。</p>
							<a href="#" class="btn  c-fff">查看全文</a>
						</dd>
					</dl>
				</div>
				<div class="art-model">
					<h3><a href="#" >个人网站虚拟主机的选购</a></h3>
					<p class="dateview"> <span>发布时间：2016/10/08</span> <span>作者：lmlblog.com</span></p>
					<dl class="img-txt">
						<dt>
							<img src="img/6.jpg" alt="个人网站虚拟主机的选购" title="个人网站虚拟主机的选购">
						</dt>
						<dd>
							<p class="deatil">　　1、地域 空间按地域区分可分为：国内空间、香港空间、国外空间(详细如下图)*时间换算：1s=1000ms*稳定性受国家政治、法令、气候等多方面因素影响*备案：指向相关部门提供网站备查信息的过程，备案周期为20天左右。备案是针对域名的，但空间息息相关，未经备案的域名不允许绑定到国内空间上。</p>
							<a href="#" class="btn  c-fff" >查看全文</a>
						</dd>
					</dl>
				</div>
				<div class="art-model">
					<h3><a href="#" >个人域名IPC备案/网站备案注意事项</a></h3>
					<p class="dateview"> <span>发布时间：2016/10/30</span> <span>作者：lmlblog.com</span></p>
					<dl class="img-txt">
						<dt> <img src="img/10.jpg" alt="个人域名IPC备案/网站备案注意事项" title="个人域名IPC备案/网站备案注意事项">
						</dt>
						<dd>
							<p class="deatil">　　2018年1月1日起，工信部要求备案域名必须完成域名实名认证，未完成实名认证、实名信息与备案信息不一致等会被管局驳回。之前在阿里云ICP代备案管理系统备案中的一个备案域名已到期了，没有续费延期。一段时间太忙，没空打理，直至域名到期后被删除。后来通过站长工具查询，域名过期后已被别人抢注册了，并已在建站使用中，而且备案号信息还是自己。由于域名已没在管理下，所以这里需要注销这个域名的备案号，免得别人利用你之前用过域名的备案号做一些违法信息等。</p>
							<a href="#" class="btn  c-fff" >查看全文</a>
						</dd>
					</dl>
				</div>
			</div>
		</article>
		</section>
		<footer class="clearfix"><p>@cuiyuan的个人博客</p></footer>
		<script type="text/javascript" src="js/common.js"></script>
	</body>
</html>
